<template>
  <div>
    <div class="right-download">
      <h3>
        <span>网易云音乐多端下载</span>
      </h3>
      <ul class="download-ul">
        <li class="download-li-1">
          <a href="" class="download-a-1">
            <img src="/ceshi_picture/r-3.png" alt="" />
          </a>
        </li>
        <li class="download-li-2">
          <a href="" class="download-a-2">
            <img src="/ceshi_picture/r-4.png" alt="" />
          </a>
        </li>
        <li class="download-li-3">
          <a href="" class="download-a-3">
            <img src="/ceshi_picture/r-5.png" alt="" />
          </a>
        </li>
      </ul>
    </div>
    <p class="tongbu">同步歌单,随时畅听320k好音乐</p>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.right-download {
  margin: 20px 0;
  padding-bottom: 20px;
  font-size: 12px;
  color: #333;
}
.right-download > h3 {
  height: 23px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
  color: #333;
  font-weight: bold;
}
.download-ul {
  display: inline-flex;
  margin-bottom: 0;
}
.download-li-1,
.download-li-3 {
  display: block;
  width: 42px;
  height: 48px;
  
}
.download-li-3{
margin-left: 5px;
}
.download-li-1{
margin-left: 24px;
}
.download-li-2 {
  display: block;
  width: 120px;
  height: 48px;
  text-align: center;
}
.tongbu {
  color: #999;
}
</style>
